<div id="modal-wizard" class="modal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header" data-target="#modal-step-contents">
				<ul class="wizard-steps">
					<li data-target="#modal-step1" class="active">
						<span class="step">1</span>
						<span class="title">接口基本信息</span>
					</li>
					<li data-target="#modal-step2">
						<span class="step">2</span>
						<span class="title">接口服务信息</span>
					</li>
					<li data-target="#modal-step3">
						<span class="step">3</span>
						<span class="title">接口参数信息</span>
					</li>
				</ul>
			</div>
			<div class="modal-body step-content" id="modal-step-contents">
				<div class="step-pane active" id="modal-step1">
					<div class="row width-95">
						<form id="base_form" class="form-horizontal">
							<input class="form-control" name="c_INTERF_ID" type="hidden" id="base_INTERF_ID" />
							<div class="form-group">
								<label class="col-sm-3 control-label" for="base_INTERF_NAME">接口名称</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_NAME" type="text" id="base_INTERF_NAME" placeholder="请输入接口名称" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label" for="base_APP_ID">所属应用</label>
								<div class="col-sm-9">
									<select class="form-control" name="c_APP_ID" id="base_APP_ID">
										<option value="">请选择应用</option>
										<option th:each="app:${appLists}" th:value="${app.c_APP_ID}" th:text="${app.c_APP_NAME}"></option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label" for="base_INTERF_REMARK">描述</label>
								<div class="col-sm-9">
									<textarea style="resize: none;" rows="6" class="form-control" type="text" name="c_INTERF_REMARK" id="base_INTERF_REMARK" placeholder="请输入描述"/>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="step-pane" id="modal-step2">
					<div class="row width-95">
						<form id="server_form" class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-3 control-label" for="serv_INTERF_ENDPOINT">服务地址</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_ENDPOINT" type="text" id="serv_INTERF_ENDPOINT" placeholder="请输入服务地址" />
									<i class="icon-info-sign pull-left">后端服务对外暴露的地址，只能是域名或者IP:PORT</i><br/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label" for="serv_INTERF_NAMEP">命名空间</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_NAMEP" type="text" id="serv_INTERF_NAMEP" placeholder="请输入命名空间" />
									<i class="icon-info-sign pull-left">WebService服务必须指定命名空间</i><br/>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label" for="serv_INTERF_PROTOCOL">协议</label>
								<div class="col-sm-9">
									<select class="form-control" name="c_INTERF_PROTOCOL" id="serv_INTERF_PROTOCOL">
										<option value="HTTP">HTTP</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label" for="serv_INTERF_HTTP_METHOD">HTTP方法</label>
								<div class="col-sm-9">
									<select class="form-control" name="c_INTERF_HTTP_METHOD" id="serv_INTERF_HTTP_METHOD">
										<option value="GET">GET</option>
										<option value="POST">POST</option>
										<option value="PUT">PUT</option>
										<option value="DELETE">DELETE</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label" for="serv_INTERF_METHOD_NAME">接口方法名</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_METHOD_NAME" type="text" id="serv_INTERF_METHOD_NAME" placeholder="请输入接口方法名称" />
									<i class="icon-info-sign pull-left">后端接口方法名称</i><br/>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="step-pane" id="modal-step3">
					<div class="row width-95">
						<form id="prms_form" class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-3 control-label" for="prms_OUT_TYPE">返回类型</label>
								<div class="col-sm-9">
									<select class="form-control" name="c_IPARAMS_OUT_TYPE" id="prms_OUT_TYPE">
										<option value="text/xml">text/xml</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label" for="prms_INTERF_UNIFY">统一接口</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_UNIFY" type="checkbox" id="prms_INTERF_UNIFY"/>
								</div>
							</div>
							<div class="form-group" style="display: none;">
								<label class="col-sm-3 control-label" for="prms_INTERF_SERVICE">判定参数</label>
								<div class="col-sm-9">
									<input class="form-control" name="c_INTERF_SERVICE" type="text" id="prms_INTERF_SERVICE"/>
								</div>
							</div>
						</form>
					</div>
					<div class="row" style="padding-left: 20vh;margin-right: 5vh;">
						<button class="btn btn-xs btn-primary" onclick="addIParams()" style="margin-bottom: 5px;">添加返回参数</button>
						<br/>
						<div style="height:200px;max-height: 400px;overflow: scroll;overflow-x: hidden;">
							<form class="form">
							<table id="out_param_table" class="table table-striped">
							<thead>
								<th>字段</th>
								<th>字段说明</th>
								<th>字段类型</th>
								<th>功能号名称</th>
								<th></th>
							</thead>
							<tbody>

							</tbody>
						</table>
							</form>
						</div>
					</div>
				</div>
				<!--<div class="step-pane" id="modal-step4">
					<div class="row">
						<div class="col-sm-12">
							<div class="col-sm-6">
								<div>
									<h5>接口请求</h5>
									<div class="panel panel-default" style="min-height: 60vh;max-height: 60vh;overflow: scroll;" id="soapRequest" contenteditable="true">

									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div>
									<h5>返回结果</h5>
									<div class="panel panel-default" style="min-height: 60vh;max-height: 60vh;" id="soapResponse">
										<textarea style="width: 100%;height: 60vh;resize: none;" >

										</textarea>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>-->
			</div>
			<div class="modal-footer wizard-actions">
				<button class="btn btn-default btn-xs" data-dismiss="modal">
					<i class="icon-remove"></i>
					取消
				</button>
				<button class="btn btn-xs btn-prev">
					<i class="icon-arrow-left"></i>
					上一步
				</button>
				<button id="wizard-next-save" class="btn btn-success btn-xs btn-next" data-last="保存 ">
					下一步
					<i class="icon-arrow-right icon-on-right"></i>
				</button>
			</div>

		</div>

	</div>

</div>


<div class="modal" id="testModal" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
	<div class="modal-dialog" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="title">接口测试</h4>
			</div>
			<div class="">
				<div class="col-sm-12">
					<div class="col-sm-6">
						<div>
							<h5>接口请求</h5>
							<div class="panel panel-default" style="min-height: 60vh;max-height: 60vh;" id="interfReq" contenteditable="true">

							</div>
						</div>
					</div>
					<div class="col-sm-6">
						<div>
							<h5>返回结果</h5>
							<div class="panel panel-default" style="min-height: 60vh;max-height: 60vh;" id="interfRsp">
								<textarea style="width: 100%;height: 60vh;resize: none;" >

								</textarea>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-xs btn-info" id="btn-rtest">接口测试</button>
				<button type="button" class="btn btn-xs btn-success" style="display: none;" id="btn-reg">注册</button>
				<button type="button" class="btn btn-xs btn-default" data-dismiss="modal">关闭</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>